/* 全局样式 */
*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
}
/* 头部样式 */
#head,#head div,#head div img,#head div span{
    width:100%;

}

#head div.title{
    height: 3rem;
    line-height: 3rem;
    border-bottom: 3px solid rgb(240,123,0);
}
#head div span{
    display: inline-block;
    text-align: center;
    color:rgb(255,174,77);
    font-size: 1.2rem;
}
/* 主体样式 */
.main{
    width:100%;
    padding:1rem;
}
.main ul{
    list-style: none;
    width:100%;
}
.main ul li{
    width:100%;
    height:4rem;
    line-height:4rem;
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid rgb(244,244,244);
}
.main ul li div:first-child img{
    width:1.5rem;
    margin-right:0.5rem;
    vertical-align: sub;
}
.main ul li div:last-child img{
    width:1rem;
}
/* 加载更多样式 */
.btn{
    width:100%;
    height:3rem;
    line-height: 3rem;
    padding: 0;
    border-radius: 5px;
    background-color: rgb(233,164,65);
}
.btn>span{
    display: inline-block;
    width:100%;
    text-align: center;
    color:#fff;
}